import { Carousel } from 'antd';
import React from 'react';
import one from "../../../assets/pics/1.jpg"
import two from "../../../assets/pics/2.jpg"
import three from "../../../assets/pics/3.jpg"
import four from "../../../assets/pics/4.jpg"
// console.log(pic);
const contentStyle = {
    height: '800px',
    margin: 'auto'
};

const PictureManagerment = () => (
    <Carousel autoplay>
        <div>
            <img src={one} style={contentStyle} alt="" />
        </div>
        <div>
            <img src={two} style={contentStyle} alt="" />
        </div>
        <div>
            <img src={three} style={contentStyle} alt="" />
        </div>
        <div>
            <img src={four} style={contentStyle} alt="" />
        </div>
    </Carousel>
);

export default PictureManagerment;

